@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
html{font:12px/1.8 "Microsoft YaHei","\5b8b\4f53",Arial,sans-serif;color:#333;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
*{margin:0;padding:0}
a{color:#333;text-decoration:none;background:transparent;outline:none;blr:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;outline:none}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input.submit{border:0;margin:0;cursor:pointer}
input.radio{width:13px;height:13px;float:left;display:inline}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none;}
li{list-style:none}

body{max-width:1920px;width: 100%;margin: auto;overflow: hidden;}
.rl-index{
	width:100%;
	position:relative;
	height:100%;
}
.rl-bg,.rl-bg2,.rl-bg3,.rl-bg4,.rl-bg5,.rl-bg6,.rl-bg7{width:100%;height:100%;position:absolute;background-size:100% auto !important;}
.rl-bg{background:url(bg.jpg) no-repeat left center;}
.rl-bg2{background:url(bg2.png) no-repeat left center;display: none;/* animation:show_ 0.5s linear; */}
.rl-bg3{animation:width_ 2.4s ease-in;height:100%;background:url(top3-1.png) no-repeat left top;}/*background:url(top1-1.png) no-repeat left top;animation:width_ 1s ease-in;*/
.rl-bg4{background:url(top3.png) no-repeat left top;animation:show3_ 2.8s linear;}
.rl-bg5{
	/*animation:change 3s infinite ease-in;*/
}
.rl-bg6{
	background:url(top4.png) no-repeat left top;opacity:0.3;animation:show_ 2.5s linear;
}
.rl-bg7 {
	background:url(top4.png) no-repeat left top;opacity:0.8;
	position:absolute;left:0;top:0;width:100%;height:100%; animation:show2_ 4s infinite linear;animation-delay:3s;
	clip:rect(900px,1920px,900px,0px);
}
.rl-tit{background: url("home_text.png") top center no-repeat;width:30%;height:30%;position:absolute;background-size:100% auto !important;max-width: 640px;left: 35%;top: 10%;z-index: 2;animation:showTit_ 2.5s linear;}

/* .rl-bg5{background:url(top2-1.png) no-repeat left top;animation:show2_ 2s linear;} */
@keyframes show_ {
	from {opacity:0;}
	to {opacity:0.3;}
}

@keyframes show2_ {
	form {clip:rect(787px,1920px,900px,0px);height:100%;}
	45% {clip:rect(0px,1920px,900px,0px);height:100%;}
	55% {height:100%;}
	to {height:0;}
	/* to {height:0;clip:rect(0px,1920px,1080px,0px);} */
}

@keyframes change {
	from {transform:translate(0px,0px)}
	25% {transform:translate(2px,2px)}
	50% {transform:translate(-3px,-3px)}
	to {transform:translate(0px,0px)}
}

@keyframes width_ {
	from {height:0;opacity:0}
	75% {height:100%;opacity:0.6}
	to {height:100%;opacity:1}
}

@keyframes show3_ {
	from {opacity:0;}
	60% {opacity:0;transform:translate(-200px,-110px) scale(0.4);}
	80% {opacity:0.7;transform:translate(-100px,-55px) scale(0.6);}
	to {opacity:1;transform:translate(0,0);}
}

@keyframes showTit_ {
	from {opacity:0;}
	to {opacity:1;}
}

.h-logo  {position:fixed;}
.h-menu  {position:fixed;}
.h-rt-cc{position:fixed;}

#fp-nav{z-index: 999;}
#fp-nav ul li, .fp-slidesNav ul li{width: 12px;height: 12px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{background: url("../img/p2.png") center no-repeat;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ height: 12px !important;width: 12px !important;background: url("../img/p1.png") center no-repeat;margin: -5px 0 0 -5px;}
.section2{background: url("../img/home_pic02.jpg") center no-repeat;background-size: 100% auto;}
.section3{background: url("../img/home_pic03.jpg") center no-repeat;background-size: 100% auto;}
.section3 .h-logo{background: url("../img/menu_rt_logo.png") top center no-repeat;}
.section4 .footer{background: url("../img/home_pic_foot.jpg") no-repeat;background-size: 100% auto;height: 215px;}
.section4 .footer img{width: 100%;}
#fp-nav{display: none;}
.section4 .fp-tableCell{display: block;}

/*home2*/
#home2_section2{background: url("../img/home2_pic02.jpg") center no-repeat;background-size: 100% auto;}
#home2_section3{background: url("../img/home2_pic03.jpg") center no-repeat;background-size: 100% auto;}
#home2_section1 .fp-slidesNav{text-align: center;}

/*home3*/
#home3_section1 #video{width: 100%;height: 100%;position: absolute;top: 0;object-fit: fill;}
.home3_vd_tit{background: url("../img/home3_vd_tit.png") center center no-repeat;width:60%;height:320px;position:absolute;background-size:100% auto !important;left: 20%;top: 50%;margin-top: -160px;z-index: 2;}
#home3_section2{background: url("../img/home3_pic02.jpg") center no-repeat;background-size: 100% auto;}
.pos_video{position: absolute;width: 100%;height: 100%;z-index: 9999;top: 0;overflow: hidden;}
.pos_video #headerVideo{width: 100%;height: 100%;object-fit: fill;}
.section .fadeInUp {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);margin-top: -50px;}